@CHARSET "UTF-8";
#slideshow {
	width:600px;
	height:300px;
	margin:0 auto 10px;
	overflow:hidden;
	background:#fff;
	border:1px solid #ccc
}
#slideshow:before,#slideshow:after {
    content:" ";
    position:absolute;
    z-index:-2;
    bottom: 5px;
    box-shadow: -80px 0 38px rgba(0, 0, 0, 0.4);
    height: 35%;
    left: 130px;
    max-height: 50px;
    max-width: 200px;
    transform: skew(50deg);
    transform-origin: 0 100% 0;
    width: 50%;
}
#slideshow:after {
    box-shadow: 80px 0 38px rgba(0, 0, 0, 0.4);
    left: 388px;
    transform: skewX(-50deg);
}
#slideshow ul {
	list-style:none;
}
#slideshow li {
	position:relative;
	overflow:hidden;
	float:left
}
#slideshow li h1 {
	position:absolute;
	right:10px;
	bottom:10px;
	padding:10px;
	margin:0;
	font:16px Oxygen;
	background:rgba(99, 14, 12, 0.7);
	color:#fff;
	box-shadow:0 0 3px rgba(0,0,0,0.5)
}

.slideshow-container {
	position:relative
}
.slideshow-container .btn {
	width:60px;
	background:url(../img/slideshow-btn.png) no-repeat 0 center;
	position:absolute;
	left:0;
	display:none
}
.slideshow-container:hover .btn {
	display:block
}
.slideshow-container:hover .btn:hover {
    background-position:-120px center;
}
.slideshow-container .btn.next {
	right:0;
	left:auto;
	background-position:-60px center
}
.slideshow-container:hover .btn.next:hover {
    background-position:-180px center;
}